html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

input {
  resize: none; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article,
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  -ms-interpolation-mode: bicubic;
  object-fit: cover; }

*:focus {
  outline: none; }

div {
  box-sizing: border-box; }

body {
  font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback",Microsoft YaHei,"Heiti SC",sans-self;
  color: #666; }

em, i {
  font-style: normal; }

strong {
  font-weight: normal; }

.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both; }

.clearfix {
  zoom: 1; }

a {
  text-decoration: none;
  color: #666; }

a:hover {
  color: #2474a5;
  text-decoration: none; }

ul, ol {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

fieldset, img {
  border: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

q:before,
q:after {
  content: ""; }

input:password {
  ime-mode: disabled; }

* {
  box-sizing: border-box; }

.scope {
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

@media screen and (min-width: 1200px) {
  .container {
    width: 1100px;
    margin: 0 auto; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .container {
    width: 97.65625%;
    margin: 0 auto;
    padding: 1.171875%; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  nav .container {
    width: 97.65625%;
    margin: 0 auto;
    padding: 0; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .container {
    width: 98%;
    margin: 0 auto;
    padding: 1%; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  nav .container {
    width: 98%;
    margin: 0 auto;
    padding: 0; } }
.col {
  float: left;
  margin-left: 3.2%;
  margin-bottom: 30px;
  display: block; }

.grid4 .col {
  width: 22.6%; }

.grid3 .col {
  width: 31.2%; }

.grid2 .col {
  width: 48.4%; }

.grid3 .col:nth-of-type(1), .grid2 .col:nth-of-type(1), .grid4 .col:nth-of-type(1) {
  margin-left: 0; }

@media screen and (max-width: 768px) {
  .index-about-1, .index-product, .index-news, footer .left, footer .right, .right, .col {
    width: 100% !important;
    margin-left: 0 !important;
    clear: none !important; }

  .left {
    display: none; } }
strong, strong a {
  font-weight: bold; }

.box {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%; }

.content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-overflow: clip;
  height: 48px; }

.content1 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-overflow: clip;
  height: 90px; }

.content2 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-overflow: clip;
  height: 30px; }

body {
  width: 100%;
  overflow: hiddden; }

.img {
  width: 100%;
  height: auto; }

.img img {
  width: 100%;
  height: auto;
  object-fit: cover; }

.dede_pages ul {
  float: left;
  padding: 12px 0px 12px 16px; }

.dede_pages ul li {
  float: left;
  font-family: Tahoma;
  line-height: 17px;
  margin-right: 6px;
  border: 1px solid #E9E9E9; }

.dede_pages ul li a {
  float: left;
  padding: 2px 4px 2px;
  color: #555;
  display: block; }

.dede_pages ul li a:hover {
  color: #690;
  text-decoration: none;
  padding: 2px 4px 2px; }

.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
  background-color: #F8F8F8;
  padding: 2px 4px 2px;
  font-weight: bold; }

.dede_pages .pageinfo {
  line-height: 21px;
  padding: 12px 10px 12px 16px;
  color: #999; }

.dede_pages .pageinfo strong {
  color: #555;
  font-weight: normal;
  margin: 0px 2px; }

.container {
  font-size: 0.40727rem;
  line-height: 0.84364rem; }

.text-center {
  text-align: center; }

.toTop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 15px;
  color: #fff;
  position: fixed;
  right: 60px;
  bottom: 20px;
  z-index: 9999;
  border-radius: 3px; }

.toTop::after {
  width: 15px;
  height: 15px;
  content: "";
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  display: block;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  margin-top: 12px; }

header {
  height: 112px;
  position: relative;
  z-index: 3;
  box-shadow: inset 0px -3px 8px #ddd; }

header .logo {
  float: left;
  position: absolute;
  top: 50%;
  margin-top: -26px; }

header nav {
  float: right; }

header nav ul li {
  height: 112px;
  line-height: 112px;
  padding: 0 15px;
  float: left;
  position: relative;
  margin-left: 1px;
  z-index: 2; }

header nav ul li.current, header nav ul li:hover {
  background-color: #95c860; }

header nav ul li ol {
  position: absolute;
  top: 112px;
  width: 150px;
  background: #e8f1f6;
  margin-left: -50%;
  display: none; }

header nav ul li ol li {
  display: block;
  width: 150px;
  height: 48px;
  line-height: 48px;
  border-top: 1px solid #dae2e7; }

header nav ul li ol li:hover {
  background-color: #bfff82; }

header nav ul li ol li:hover a {
  color: #546f0b; }

header nav ul li ol li a {
  color: #666; }

header nav ul li a {
  font-size: 0.46545rem;
  font-weight: normal; }

header nav ul li a:hover {
  color: #b8ee23; }

header nav ul li ol li.current, header nav ul li ol li:hover {
  background-color: #bfff82 !important; }

.banner {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding-top: 1px; }

.banner ul {
  position: relative;
  width: 400%; }

.banner ul li {
  width: 25%;
  float: left; }

.banner ul li img {
  width: 100%;
  height: auto; }

.btnL, .btnR {
  width: 68px;
  height: 15px;
  top: 50%;
  margin-top: -8px;
  background: url(../images/arrow.png) no-repeat 0 0;
  position: absolute;
  display: none;
  z-index: 9999; }

.btnL {
  left: 20px;
  width: 34px; }

.btnR {
  right: 20px;
  background-position: -34px 0; }

.hr1 {
  height: 1px;
  border: none;
  position: relative;
  margin-top: -7px;
  border-top: 3px solid #2474a5; }

.hr2 {
  height: 1px;
  border: none;
  border-top: 3px solid #e8f1f6;
  position: relative;
  margin-top: -9px; }

.index-prodcut {
  margin-top: 30px; }

.headline01 {
  text-align: center;
  color: #333;
  font-size: 0.49455rem;
  position: relative;
  z-index: 2; }

.headline01 em {
  font-weight: normal;
  font-style: none;
  font-size: 0.81455rem;
  color: #2474a5;
  padding: 0 10px;
  background-color: #FFF;
  display: inline-block; }

.index-product-list {
  margin-top: 30px;
  display: none; }

.index-product-list .img, .index-product-list-1 .img {
  text-align: center;
  background-color: #eee; }

.index-product-list .img:hover:after, .index-product-list-1 .img:hover::after {
  content: '';
  width: 96%;
  height: 96%;
  border: 2% solid pink;
  display: block; }

.index-product-list .text, .index-product-list-1 .text {
  background-color: #2474a5;
  padding: 20px;
  height: 62px;
  overflow: hidden; }

.index-product-list .col:hover .img, .index-product-list .col.current .img, .index-product-list-1 .col:hover .img, .index-product-list-1 .col.current .img {
  border: 3px solid #98cd65;
  border-bottom: 0 none; }

.index-product-list .col:hover .text, .index-product-list .col.current .text, .index-product-list-1 .col:hover .text, .index-product-list-1 .col.current .text {
  background-color: #98cd65; }

.text-left {
  float: left; }

.text-right {
  float: right; }

.index-product-list .text, .index-product-list .text a, .index-product-list-1 .text, .index-product-list-1 .text a {
  color: #fff;
  cursor: pointer; }

.index-prodcut ol {
  width: 401px;
  margin: 0 auto; }

.index-prodcut ol li {
  float: left;
  padding: 0 20px;
  margin: 20px 10px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid #eee;
  display: block; }

.index-prodcut ol li.current {
  background-color: #2474a5;
  border: 0 none; }

.index-prodcut ol li.current::after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 10px solid #2474a5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  text-align: center;
  margin: 0 auto; }

.index-prodcut ol li.current a {
  color: #fff; }

.index-product-list.current {
  display: block; }

.index-about {
  background: #a2b7d4 url(../images/index_about_bg.png) repeat-x left top;
  margin-bottom: 40px; }

.index-about .container {
  background: url(../images/index_about.png) no-repeat left top;
  padding-top: 36px; }

.index-about .index-about-1 {
  float: right;
  text-align: right;
  padding: 40px 0; }

.index-about .index-about-1 h3 {
  font-size: 0.46545rem;
  color: #fff; }

.index-about .index-about-1 h3 span {
  font-weight: normal;
  font-size: 14px; }

.index-about p {
  color: #fff;
  padding-top: 10px; }

.headline02 {
  font-size: 0.46545rem;
  color: #333;
  margin-bottom: 30px; }

.headline02 em {
  font-style: normal;
  font-weight: normal;
  font-size: 14px; }

.headline02::after {
  display: block;
  content: "";
  width: 24px;
  height: 3px;
  background: #eee;
  margin-top: 10px; }

.index-about .content p {
  color: #fff;
  padding-top: 15px; }

.index-news .news-list dl {
  margin-bottom: 30px;
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  box-shadow: inset 0px 0px 20px #eee; }

.index-news .news-list dl:nth-of-type(2) {
  margin-bottom: 0; }

.index-news .news-list dl:hover dt {
  border: 2px solid #2575a6; }

.index-news .news-list dl:hover dd a {
  color: #2575a6; }

.index-news .news-list dt, .index-technology dt {
  width: 30%;
  float: left;
  height: 100%; }

.index-news .news-list dl a {
  font-weight: bold; }

.index-technology dt {
  height: 242px; }

.index-technology dl {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  box-shadow: inset 0px 0px 20px #eee; }

.index-news .news-list dt {
  height: 90px; }

.index-news .news-list dt > img, .index-technology dt > img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.index-news .news-list dd, .index-technology dd {
  width: 66%;
  float: right; }

.index-technology dd ul {
  list-style: disc inside; }

.index-technology dd ul li {
  border-bottom: 1px solid #eee;
  height: 48px;
  line-height: 48px; }

.index-news .news-list dl dd a {
  display: block;
  margin-bottom: 10px;
  color: #333; }

.fx {
  margin-top: 20px; }

.fx li {
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
  float: left;
  padding: 4px;
  margin-right: 8px; }

.mainbody {
  background-color: #f7f7f7;
  padding-top: 30px;
  padding-bottom: 30px; }

footer {
  background: rgba(17, 24, 34, 0.7);
  padding-top: 30px; }

footer .col:nth-of-type(2) pre {
  display: inline; }

footer .col:nth-of-type(3) {
  text-align: center; }

footer .col:nth-of-type(3) .img {
  width: 100%; }

footer .col:nth-of-type(3) .img img {
  width: 35%; }

footer h4, footer h4 a, footer h3 {
  color: #fff;
  padding-bottom: 15px; }

footer h4, footer h4 a {
  font-size: 0.40727rem; }

footer .col:nth-of-type(2) ul, footer .col:nth-of-type(2) ul a, footer .col:nth-of-type(3) {
  color: #ccc; }

.friend h4 {
  margin-bottom: 15px !important;
  margin-top: 15px !important; }

.copyright {
  background-color: #111822;
  text-align: center; }

.copyright, .copyright small {
  height: auto;
  line-height: 40px; }

.position {
  border-bottom: 2px solid #eee;
  box-shadow: inset 0 -3px 3px #ddd; }

.position strong {
  height: 48px;
  line-height: 48px; }

.left-navigation {
  margin-bottom: 30px;
  padding: 0 20px; }

.left-navigation li {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  position: relative;
  display: block;
  box-shadow: 0px 0px 2px #eaeaea inset; }

.left-navigation li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid #e8f1f6;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px; }

.left-navigation li:hover, .left-navigation li.current {
  background-color: #e8f1f6; }

.left-navigation li:hover::after, .left-navigation li.current::after {
  border-left-color: #97cc64; }

.left {
  width: 29%;
  float: left;
  background-color: #fff;
  box-shadow: 0 2px 2px #dadada; }

.left address {
  padding: 15px 20px;
  margin-bottom: 20px;
  font-style: normal; }

.right .headline02 {
  margin-top: 30px; }

.left address strong {
  display: block;
  margin-bottom: 10px; }

.left address span {
  padding-right: 6px; }

.left .headline02 {
  margin-bottom: 20px; }

.right {
  width: 70%;
  float: right;
  background-color: #fff;
  padding: 20px 30px;
  box-shadow: 0 2px 2px #dadada;
  border-top: 1px solid #f1f1f1; }

.right .headline01 {
  line-height: 0.93091rem;
  color: #666;
  font-size: 0.64rem; }

.right .img {
  text-align: center;
  margin: 15px 0; }

.right .index-product-list-1 {
  margin-top: 30px; }

.right p {
  text-indent: 2em;
  padding: 15px 0; }

.right section {
  padding: 15px 0; }

.mar30 {
  margin-bottom: 40px; }

.right table, .right table tr, .right table tr td, .right tr th {
  border: 1px solid #ddd;
  border-collapse: collapse;
  padding: 5px; }

.index-product-list .img, .index-product-list-1 .img {
  margin: 0;
  height: 210px; }

.index-product-list .img img, .index-product-list-1 .img img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.right .index-product-list-1 .col:nth-of-type(3n+4) {
  margin-left: 0; }

.news-list-1 {
  margin-bottom: 20px;
  margin-top: 30px;
  list-style: decimal inside; }

.news-list-1 li {
  text-align: left;
  border-bottom: 2px solid #eee;
  height: 40px;
  line-height: 40px; }

.news-list-1 li time {
  float: right;
  text-align: right;
  padding-right: 5px;
  color: #ccc; }

.news-list-1 li a b {
  font-weight: normal; }

header .logo-left, header.menu {
  left: -100000px; }

header .menu-content {
  display: none;
  background-color: #e8f1f6;
  position: absolute;
  z-index: 3;
  top: 80px;
  width: 50%;
  right: 0; }

.menu-content li {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  text-align: right;
  border-bottom: 1px solid #dae2e7; }

.menu-content li:hover {
  background-color: #bfff82; }

.menu-content li:hover a {
  color: #2015a2; }

.img-list-11 .col {
  border: 1px solid #eee;
  text-align: center; }

.img-list-11 .col .img {
  height: 200px !important;
  overflow: hidden;
  text-align: center;
  margin-top: 0 !important; }

.img-list-11 .col .img img {
  height: 100% !important;
  object-fit: cover;
  width: 100%; }

.friendlink a {
  padding: 0 15px; }

.friendlink {
  margin-bottom: 40px; }

.left .headline02 {
  background-color: #a2b7d4;
  padding: 20px 30px;
  color: #fff; }

.right .leave-message {
  border: 1px solid #eee;
  margin: 30px 0; }

.right .leave-message h3.message-title {
  height: 40px;
  line-height: 40px;
  background-color: #a2b7d4;
  padding-left: 20px;
  color: #Fff; }

.right .leave-message form {
  padding: 20px; }

.right .leave-message input {
  border: 1px solid #e1e1e1;
  height: 0.75rem;
  line-height: 0.75rem;
  margin-bottom: 0.25rem;
  padding: 0 0.25rem;
  width: 7.5rem; }

.right .leave-message span {
  width: 1.5rem;
  float: left; }

.right .leave-message textarea {
  border: 1px solid #e1e1e1;
  line-height: 0.75rem;
  padding: 0 0.25rem;
  width: 100%;
  margin-bottom: 0.25rem; }

.right .leave-message .submit, .right .leave-message .reset {
  width: 100px;
  height: 40px;
  line-height: 40px;
  float: right;
  margin-left: 0.375rem;
  margin-bottom: 0.5rem; }

.right .leave-message .submit {
  background-color: #95c860;
  color: #fff; }

.right .leave-message .submit:hover {
  background-color: #88c44a; }

.right .leave-message .reset:hover {
  background-color: #bbb; }

@media screen and (max-width: 1200px) and (min-width: 767px) {
  .logo {
    width: 100%;
    position: static !important;
    margin-top: 0 !important;
    float: none;
    padding-top: 15px;
    margin-bottom: 15px; }

  header nav {
    width: 100%;
    float: none; }

  header {
    height: auto; }

  header .container {
    padding-bottom: 0px; } }
@media screen and (max-width: 1100px) {
  .index-about .container {
    padding-top: 190px; }

  .index-product-list .img {
    height: auto !important; } }
@media screen and (min-width: 768px) {
  .logo-left, .menu {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .logo, header nav {
    display: none !important; }

  .logo-left {
    left: 20px !important;
    font-size: 0.72727rem;
    line-height: 0.72727rem;
    position: absolute;
    top: 50%;
    margin-top: -13px; }

  .menu {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 20px; }

  .logo-left a {
    color: #2051a2;
    display: inline; }

  header {
    height: 80px; }

  footer .col:nth-of-type(3) .img img {
    width: 20%; }

  .index-product-list .img img {
    width: 60% !important; }

  .index-technology, .index-news {
    width: 100% !important; }

  .img-list-11 .col .img img {
    width: 80% !important; } }

/*# sourceMappingURL=mycss.css.map */


.headline01 em {
  font-weight: normal;
  font-style: none;
  font-size: 0.48455rem;
  color: #2474a5;
  padding: 0 10px;
  background-color: #FFF;
  display: inline-block; }
 .right p {
  text-indent: 2em;
  padding: 8px 0; }
  
.headline01 {
  text-align: center;
  color: #333;
  font-size: 0.59455rem;
  position: relative;
  z-index: 2; }